
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Túi xách Trang Anh - Đăng ký tham dự</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le styles -->
    <link href="<?php echo base_url('public/bootstrap.css');?>" rel="stylesheet" type="text/css">
    <link href="http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css" rel="stylesheet" type="text/css">
    <link href="<?php echo base_url('public/event.css');?>" rel="stylesheet" type="text/css">

    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Le fav and touch icons -->
    <script src="http://twitter.github.com/bootstrap/assets/js/jquery.js"></script>
    <script type="text/javascript">
        function openOffersDialog() {
            $('#overlay')
                .fadeIn('fast', function() {
                $('#boxpopup')
                    .css('display', 'block');
                $('#boxpopup')
                    .animate({
                    'left': '22%'
                }, 500);
            });
        }

        function closeOffersDialog(prospectElementID) {
            $(function($) {
                $(document)
                    .ready(function() {
                    $('#' + prospectElementID)
                        .css('position', 'absolute');
                    $('#' + prospectElementID)
                        .animate({
                        'left': '-100%'
                    }, 500, function() {
                        $('#' + prospectElementID)
                            .css('position', 'fixed');
                        $('#' + prospectElementID)
                            .css('left', '100%');
                        $('#overlay')
                            .fadeOut('fast');
                    });
                });
            });
        }
    </script>

  </head>
  <body <?php echo (!isset($status)) ? 'onload="openOffersDialog()";' : '';?>>

    <?php echo form_open_multipart('', 'class="form-horizontal" id="registerHere" name="registerHere"')?>

  <div class="container">
    <div id="overlay" class="overlay" style="display: none;"></div>
    <div id="boxpopup" class="box">
        <a onclick="closeOffersDialog('boxpopup');" class="boxclose"></a>
        <div id="content">
            <h3>Hướng dẫn đăng ký</h3>
            <li>Cám ơn bạn đã quan tâm tới cuộc thi của chúng tôi! để đăng  ký tham dự bạn hãy gửi 01 tấm ảnh đẹp nhất của mình.
            ( một ảnh chân dung bình thường hoặc 1 ảnh ưng ý nhất nói về cuộc sống của bạn).</li>
            <li>Yêu Cầu: Không up các bức ảnh trái với thuần phong mỹ tục, những bức ảnh phản cảm,gây khó chịu cho người xem ảnh cóp, nhặt ở google hay bất kể một web nào khác. các bức ảnh vi     phạm sẽ bị loại khỏi cuộc thi...rong tổng số người Like ảnh phải có ít nhất 70% <span style="color:red;">là thành viên của fanpage</span> để đảm bảo tính công bằng cho các thành viên.</li>
            <li> ba tấm ảnh có nhiều lượt like nhất sẽ giành chiến thắng trong cuộc thi và đạt được những giải thưởng cực kì có giá trị của page:
            <ol>
            <li>giải nhất: 1 bình thủy Betino T42</li>
            <li>giải nhì: 1 máy xay sinh tố Benny BL12</li>
            <li> giải ba: 1 bình siêu tốc BJ 17</li>
            </ol>
            Túi xách Trang Anh chúc bạn sẽ là  người chiến thắng!
        </div>
    </div>
  <div class="row">
    <div class="span1"></div>
    <div class="span11">
        <p></p>
      <fieldset>
        <legend>Túi xách Trang Anh - Đăng ký dự thi ảnh</legend>
        <?php if (intval($total) > 0 && FALSE) :?><legend>Hiện tại có <span style="color:#f92264;"><?php echo intval($total);?></span> người đăng ký dự thi</legend><?php endif;?>

        <?php if (isset($status)) :?>
        <div class="alert <?php echo $status == TRUE ? 'alert-success' : 'alert-error';?>"><?php echo @$msg . validation_errors('<div>', '</div>');?></div>
        <?php endif;?>

        <div class="control-group">
          <label class="control-label" for="fullname">Họ và Tên</label>
          <div class="controls">
            <input type="text" class="input-xlarge" id="fullname" name="fullname" rel="popover" data-content="Enter your first and last name." data-original-title="Họ tên đầy đủ của bạn">
          </div>
    </div>

     <div class="control-group">
        <label class="control-label" for="email">Email</label>
          <div class="controls">
            <input type="text" class="input-xlarge" id="email" name="email" rel="popover" data-content="What’s your email address?" data-original-title="Địa chỉ email">

          </div>
    </div>

    <div class="control-group">
        <label class="control-label" for="phone">Số điện thoại</label>
          <div class="controls">
            <input type="text" class="input-xlarge" id="phone" name="phone" rel="popover" data-content="chỉ điền số" data-original-title="Số điện thoại" >

          </div>
    </div>
    <div class="control-group">
        <label class="control-label" for="identity_card">Số chứng minh thư</label>
          <div class="controls">
            <input type="text" class="input-xlarge" id="identity_card" name="identity_card" rel="popover" data-content="chỉ điền số" data-original-title="Số chứng minh thư" >

          </div>
    </div>
    <div class="control-group">
        <label class="control-label" for="fb_nickname">Nick name facebook(viết không dấu)</label>
          <div class="controls">
            <input type="text" onKeyUp="showbtnUP();" class="input-xlarge" id="fb_nickname" name="fb_nickname" rel="popover" data-content="bạn cũng có thể cung cấp đường link tới facebook của bạn" data-original-title="Nick name facebook " >

          </div>
    </div>
        <div class="control-group">
        <label class="control-label" for="fb_url">Link tới facebook của bạn:</label>
          <div class="controls">
            <input type="text" class="input-xlarge" id="fb_url" name="fb_url" rel="popover" data-content="bạn cũng có thể cung cấp đường link tới facebook của bạn" data-original-title="Nick name facebook " >

          </div>
    </div>

     <div class="control-group">
        <label class="control-label" for="gender">Giới tính</label>
          <div class="controls">
            <select name="gender" id="gender" >
                <option value="male">Nam</option>
                <option value="female">Nữ</option>
            </select>
          </div>
    </div>

        <div class="control-group">
            <label class="control-label" for="input01">Upload ảnh dự thi</label>
              <div class="controls">
                 <?php echo form_upload('image');?>
                 <input  class="btn btn-success" name="upload" type="button" id="btnupload" value="Chọn Ảnh" onclick="copyFace();"/>
              </div>
        </div>
        <div class="control-group">
            <label class="control-label" for="comment">Chia sẻ một chút về bức hình của bạn</label>
              <div class="controls">
                <textarea name="comment" id="comment" style="color:#888888; width:500px;" rows="3" cols="500">Nội dung chia sẻ của bạn sẽ được đăng cùng ảnh , bạn có thể bỏ trống trường này...</textarea>
              </div>
        </div>

        <div class="control-group">
            <label class="control-label" for="input01"></label>
              <div class="controls">
               <button type="submit" name="submit" class="btn btn-success" rel="tooltip" title="first tooltip">Đăng ký</button>
              </div>
        </div>

        <div class="control-group">
            <label style="width:727px;" class="control-label" for="input01">Nếu có bất kỳ thắc mắc gì về cuộc thi mong bạn vui lòng liên lạc với chúng tôi qua địa chỉ sau <a href="https://www.facebook.com/gammau.cuocsong">Túi xách Trang Anh</a> </label>
            <label style="width:727px;" class="control-label" for="input01">Hoặc địa chỉ email : <a href="">tuixachtranganh@yahoo.com.vn</a> </label>
        </div>
    </fieldset>

    </div>

        </div>
          </div><!--/row-->
        </div><!--/span-->
      </div><!--/row-->

      <hr>

      <footer>
     <div class="container">
        <p id="test">&copy; Túi xách Trang Anh</p>Thông tin chi tiết xem tại
: <a href="https://www.facebook.com/tuixachtranganh" title="">https://www.facebook.com/tuixachtranganh</a>
</div>
      </footer>
    </div><!--/.fluid-container-->
<?php echo form_close();?>

    <script type="text/javascript" src="//ajax.aspnetcdn.com/ajax/jquery.validate/1.10.0/jquery.validate.min.js"></script>
      <script type="text/javascript">
      $(document).ready(function(){
            $("#registerHere").validate({
                rules:{
                    fullname:"required",
                    email:{
                            required:true,
                            email: true
                        },
                    phone:{
                        required:true,
                        minlength: 10
                    },
                    identity_card:{
                        required:true,
                        minlength: 9
                    },
                    fb_nickname:{
                        required:true,
                        minlength: 3
                    },
                    fb_url:{
                        required:true,
                        minlength: 8
                    },
                    gender:"required",
                    comment:{
                        required:true,
                        minlength: 15
                    },
                },
                messages:{
                    identity_card:{
                        required:"Mời bạn nhập chính xác số chứng minh thư",
                        minlength:"Tối thiểu 9 ký tự"

                    },
                    fb_nickname:"Tối thiểu 3 ký tự",
                    fullname:{
                        minlength:"Tối thiểu 4 ký tư",
                        required:"Mời bạn nhập đầy đủ họ và tên"
                    },
                    email:{
                        required:"Mời bạn nhập địa chỉ email chính xác",
                        email:"Nhập địa chỉ email",

                    },
                    fb_url:{
                        required:"Mời bạn nhập copylink tới facebook của bạn",
                    },
                    phone:{
                        required:"Mời bạn nhập số điện thoại chính xác",
                        minlength:"chỉ được điền số tối thiểu là 10 số"
                    },
                    comment:{
                        required:"Mời bạn nhập chia sẻ cảm xúc",
                        minlength:"chỉ được điền số tối thiểu là 15 số"
                    },
                    gender:"Vui lòng chọn giới tính"
                },
                errorClass: "help-inline",
                errorElement: "span",
                highlight:function(element, errorClass, validClass) {
                    $(element).parents('.control-group').addClass('error');
                },
                unhighlight: function(element, errorClass, validClass) {
                    $(element).parents('.control-group').removeClass('error');
                    $(element).parents('.control-group').addClass('success');
                }
            });
        });
      </script>
  </body>
</html>